<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>证书详情</title>
	<meta name="viewport" content="width=device-width, initial-scale=1  maximum-scale=1 user-scalable=no">
	<meta name="mobile-web-app-capable" content="证书详情">
	<meta name="apple-mobile-web-app-capable" content="证书详情">
	<meta name="apple-touch-fullscreen" content="证书详情">
	<meta name="HandheldFriendly" content="证书详情">

	<link rel="stylesheet" href="${request.contextPath}/statics/css/materialize.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/font-awesome/css/font-awesome.min.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/normalize.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/owl.carousel.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/owl.theme.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/owl.transitions.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/fakeLoader.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/style.css">

</head>
<body>
<!-- about us -->
<div class="pages" id="rrapp" >
	<div class="container" style="margin-top: 15px;">
		<div class="about-us">
			<#list list as cer>
			<div style="margin-top: 20px;">
				<img src="${cer.img!}" style="margin-bottom: 0px;">
				<p style="text-align: center; margin-top: 0px; "><a href="${cer.img!}" download="${cer.name!}" style="color: #0E6EB8;">立即下载</a></p>
			</div>
			</#list>
		</div>
	</div>
</div>
<!-- end about us -->


<!-- loader -->
<div id="fakeLoader"></div>
<!-- end loader -->

<!-- footer -->
<!--<div class="footer">-->
<!--	<div class="container">-->
<!--		<div class="about-us-foot">-->
<!--			<h6><span>M</span>asah</h6>-->
<!--			<p>is a lorem ipsum dolor sit amet, consectetur adipisicing elit consectetur adipisicing elit.</p>-->
<!--		</div>-->
<!--		<div class="social-media">-->
<!--			<a href=""><i class="fa fa-facebook"></i></a>-->
<!--			<a href=""><i class="fa fa-twitter"></i></a>-->
<!--			<a href=""><i class="fa fa-google"></i></a>-->
<!--			<a href=""><i class="fa fa-linkedin"></i></a>-->
<!--			<a href=""><i class="fa fa-instagram"></i></a>-->
<!--		</div>-->
<!--		<div class="copyright">-->
<!--			<span>© 2016 All Right Reserved</span>-->
<!--		</div>-->
<!--	</div>-->
<!--</div>-->
<!-- end footer -->

<!-- scripts -->
<script src="${request.contextPath}/statics/js/jquery.min.js"></script>
<script src="${request.contextPath}/statics/js/materialize.min.js"></script>
<script src="${request.contextPath}/statics/js/owl.carousel.min.js"></script>
<script src="${request.contextPath}/statics/js/fakeLoader.min.js"></script>
<script src="${request.contextPath}/statics/js/contact-form.js"></script>
<script src="${request.contextPath}/statics/js/main.js"></script>

</body>
</html>
